<%--
  Created by IntelliJ IDEA.
  User: 周超
  Date: 2019/1/23
  Time: 17:58
  To change this template use File | Settings | File Templates.

   <meta charset="UTF-8">
    <title>小米商城——基于Java的商城项目实践</title>
    <meta name="keywords" content="小米商城,商超系统" />
    <meta name="description" content="小米商城是我的一个非常小巧轻便的商城系统" />
    <link rel="stylesheet" href="../../css/zccss/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/zccss/style.css">
    <script src="../../js/zcjs/jquery-3.2.1.min.js"></script>
    <script src="../../js/zcjs/bootstrap.min.js"></script>

--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<htmL>
<head>
    <meta charset="UTF-8">
    <title>小米商城——基于Java的商城项目实践</title>
    <meta name="keywords" content="小米商城,商超系统" />
    <meta name="description" content="小米商城是我的一个非常小巧轻便的商城系统" />
    <link rel="stylesheet" href="../../css/zccss/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/zccss/style.css">
    <script src="../../js/zcjs/jquery-3.2.1.min.js"></script>
    <script src="../../js/zcjs/bootstrap.min.js"></script>
</head>
<body>





<nav class="top">
    <div class="top-bar">
        <span class="top-left">

            <span style="margin-left: 0"><span class=" glyphicon glyphicon-home redColor" style="margin-left: 0"></span><a href="GoodsDetails.jsp">首页</a></span>

            <span>欢迎来到小米商城</span>



                <a href="../../jsp/Jamin/Login.jsp" id="login" >请登录</a>
                <a href="../../jsp/Jamin/Register.jsp">免费注册</a>

        </span>

        <span class="pull-right">

            <a href="cart"><span class=" glyphicon glyphicon-shopping-cart redColor"></span>
                购物车</a>

        </span>
    </div>
</nav>



<header class="product">
    <a href="./" class="logo">
        <img src="../../images/zcimg/1.png">
    </a>
    <div class="search">
        <form action="search" >
            <input type="text" placeholder="搜索 小米商城 商品/品牌/店铺" name="keyword">
            <button class="search-button" type="submit">搜索</button>
        </form>
        <ul class="search-below">

            <li><a href="category?id=4">三星</a></li>

            <li><a href="category?id=3">苹果</a></li>

            <li><a href="category?id=2">华为</a></li>

            <li><a href="category?id=1">小米</a></li>

        </ul>

    </div>

</header>



<section class="banner">
    <img src="../../images/zcimg/1.jpg">
</section>



<script src="../../js/zcjs/product.js"></script>

<section class="property">
    <div class="gallery">
        <div class="pic-border">
            <img src="${go.goPictureUrl}" id="big-show">
        </div>
        <div class="pic-ls" id="pic-ls">

            <img src="${go.goPictureUrl}" big-image="${go.goPictureUrl}" class="sm-image selected">

        </div>
        <div id="div4load" style="display:none;"></div>
    </div>
    <div class="detail">
        <div class="product-title">
            ${go.goName}
        </div>
        <div class="price">
            <div class="sales">
                <img src="img/gouwu.png">${go.goDescribe}
            </div>
            <div class="top-line">
                <span class="o-price left">价格</span>
                <span class="o-price-num">￥${go.goPrice}</span>
            </div>
            <div class="middle-line">
                <span class="s-price left">促销价</span>
                <span class="yen">￥</span><span class="s-price-num">${go.goCost}</span>
            </div>
        </div>
        <div class="history">
            <span class="m-sales item">月销量 <em>${go.goSalesVolume}</em></span>
            <span class="c-num item">累计评价 <em>0</em></span>
            <span class="t-score item">送积分 <em>168</em></span>
        </div>
        <div class="product-num">
            <span class="buy-num left">数量</span>
            <input type="text" class="input" value="1" id="buy-number">
            <span class="arrow">
                    <a class="increase-number" id="increase-number" href="#nowhere">
                    <span class="updown arrow-png">
                       <img src="../../images/zcimg/increase.png">
                    </span>
                    </a>
                    <span class="updown-middle"> </span>
                    <a class="decrease-number" id="decrease-number" href="#nowhere">
                    <span class="updown arrow-png">
                        <img src="../../images/zcimg/decrease.png">
                    </span>
                    </a>
                </span>
            <span class="piece">件</span>
            <span class="inventory" id="inventory" stock="49">${go.goStock}</span>
        </div>
        <div class="buy">
            <a href="buyOne?pid=24" id="buy-link" class="display:none;"></a>
            <a href="addCart?pid=24" id="cart-link" class="display:none;"></a>
            <button class="buy-button" id="buy-button">立即购买</button>
            <button class="car-button" id="cart-button"><span class="glyphicon glyphicon-shopping-cart"></span>加入购物车</button>
        </div>
        <div class="service">
            <span class="left">服务承诺</span>
            <span>正品保证</span>
            <span>极速退款</span>
            <span>七天无理由退换</span>
        </div>
    </div>
</section>





<main class="product-content">
    <div class="product-bar">
        <div class="product-select selected" href="#nowhere" id="button-1">
            <a href="#nowhere">商品详情</a>
        </div>
        <div class="product-select" href="#nowhere" id="button-2">
            <a href="#nowhere">
                累计评价
                <span class="product-comment-number">0</span>
            </a>
        </div>
    </div>
    <div class="clear" id="main-1">
        <div class="product-top">
            <div class="product-key-title">产品参数：</div>
            <ul class="product-key">

                <li>${go.goDescribe}</li>

            </ul>
        </div>
        <div class="product-content-part">

            <img src="../../images/zcimg/22.jpg">
            <img src="../../images/zcimg/23.jpg">
            <img src="../../images/zcimg/25.jpg">
            <img src="../../images/zcimg/11.jpg">
            <img src="../../images/zcimg/34.jpg">
            <img src="../../images/zcimg/28.jpg">

        </div>
    </div>
    <div class="clear" id="main-2" style="display: none;">
        <table class="comment">

        </table>
    </div>
</main>



<script>
    var msg = "";
    if(msg !== ""){
        alert(msg);
    }
    $(function () {
        $("#refer").val(window.location.href ===""?"/":window.location.href);
        $("#form").submit(function () {
            if($("#password").val() == "" || $("#name").val() == ""){
                alert("用户名或密码为空");
                return false;
            }
            return true;
        });
    });
</script>
<div class="modal" tabindex="-1" role="dialog" id="loginModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <section class="login-modal">
                <div class="login-content">
                    <form method="post" action="loginIn" id="form">
                        <div class="login-frame">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <div class="login-tip">密码登录</div>
                            <div class="login-input">
                    <span class="login-input-icon">
                                <span class=" glyphicon glyphicon-user"></span>
                            </span>
                                <input type="text" placeholder="手机/会员名/邮箱" name="name" id="name" autofocus>
                            </div>
                            <div class="login-input">
                    <span class="login-input-icon ">
                                <span class=" glyphicon glyphicon-lock"></span>
                            </span>
                                <input type="password" placeholder="密码" name="password" id="password">
                                <input type="hidden" name="refer" id="refer" value="/">
                            </div>
                            <div class="login-button">
                                <button type="submit" class="login-button">登 录</button>
                            </div>
                            <div class="login-bottom">
                                <a href="#nowhere">忘记登录密码</a>
                                <a class="" href="register">免费注册</a>
                            </div>

                        </div>
                    </form>
                </div>
            </section>
        </div>
    </div>
</div>
<footer class="footer-top clear">
    <div class="footer-content">
        <div class="footer-ensure">
            <a href="#nowhere1"></a>
            <a href="#nowhere2"></a>
            <a href="#nowhere3"></a>
            <a href="#nowhere4"></a>
        </div>

        <div class="footer-desc" id="footer-desc">
            <div class="desc-column">
                <span class="desc-column-title">购物指南</span>
                <a href="#nowhere">免费注册</a>
                <a href="#nowhere">开通支付宝</a>
                <a href="#nowhere">支付宝充值</a>
            </div>
            <div class="desc-column">
                <span class="desc-column-title">本站保障</span>
                <a href="#nowhere">发票保障</a>
                <a href="#nowhere">售后规则</a>
                <a href="#nowhere">缺货赔付</a>
            </div>
            <div class="desc-column">
                <span class="desc-column-title">支付方式</span>
                <a href="#nowhere">快捷支付</a>
                <a href="#nowhere">信用卡</a>
                <a href="#nowhere">蚂蚁花呗</a>
                <a href="#nowhere">货到付款</a>
            </div>
            <div class="desc-column">
                <span class="desc-column-title">商家服务</span>
                <a href="#nowhere">商家入驻</a>
                <a href="#nowhere">商家中心</a>
                <a href="#nowhere">本站智库</a>
                <a href="#nowhere">本站规则</a>
                <a href="#nowhere">物流服务</a>
                <a href="#nowhere">喵言喵语</a>
                <a href="#nowhere">运营服务</a>
            </div>
            <div class="desc-column">
                <span class="desc-column-title">手机版</span>
                <a href="#nowhere"><img src="img/shouji.png"></a>
            </div>
        </div>
    </div>
</footer>

<footer class="footer-bottom">

    <div class="foot-image"></div>
    <div class="foot-content">
        <div class="copyright" id="copyright">
            <div class="white-link">
                <a href="#nowhere">关于本站</a>
                <a href="#nowhere">帮助中心</a>
                <a href="#nowhere">开放平台</a>
                <a href="#nowhere"> 诚聘英才</a>
                <a href="#nowhere">联系我们</a>
                <a href="#nowhere">网站合作</a>
                <a href="#nowhere">法律声明</a>
                <a href="#nowhere">知识产权</a>
                <a href="#nowhere">廉正举报 </a>
            </div>
            <div class="white-link">
                <a href="#nowhere"> 阿里巴巴集团</a><span class="slash">|</span>
                <a href="#nowhere"> 淘宝网</a><span class="slash">|</span>
                <a href="#nowhere">小小商城 </a><span class="slash">|</span>
                <a href="#nowhere"> 聚划算</a><span class="slash">|</span>
                <a href="#nowhere">全球速卖通</a><span class="slash">|</span>
                <a href="#nowhere">阿里巴巴国际交易市场</a><span class="slash">|</span>
                <a href="#nowhere">1688</a><span class="slash">|</span>
                <a href="#nowhere">阿里妈妈</a><span class="slash">|</span>
                <a href="#nowhere"> 阿里旅行·去啊 </a><span class="slash">|</span>
                <a href="#nowhere"> 阿里云计算 </a><span class="slash">|</span>
                <a href="#nowhere"> 友盟 </a><span class="slash">|</span>
                <a href="#nowhere"> 虾米 </a><span class="slash">|</span>
                <a href="#nowhere"> 天天动听 </a><span class="slash">|</span>
                <a href="#nowhere"> 来往 </a><span class="slash">|</span>
                <a href="#nowhere"> 钉钉 </a><span class="slash">|</span>
                <a href="#nowhere"> 支付宝 </a>
            </div>
            <div class="license">
                <span>增值电信业务经营许可证： <a href="#nowhere">浙B2-20110446</a></span>
                <span>网络文化经营许可证：<a href="#nowhere">浙网文[2015]0295-065号</a></span>
                <span><a href="#nowhere">12318举报 </a></span><br>
                <span>互联网药品信息服务资质证书编号：<a href="#nowhere">浙-（经营性）-2012-0005</a></span>
                <div class="copy-right-year">© 2003-2017 TMALL.COM 版权所有</div>

            </div>
        </div>
    </div>
</footer>

</body>
</html>
